@keyframes add {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes add {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes remove {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes remove {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@mixin media($vert, $attr) {
    @media screen and (max-width: $max_screen) {
        #{$vert}: #{$attr};
    }
}
@mixin ellipsis($vert){
    max-width: $vert;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

body {
    cursor: default;
    -webkit-user-select: none;
    background: url("../img/black.jpg") no-repeat fixed;
    background-size: 100% 100%;
    color: $white;
    font-family: 'Microsoft YaHei', 'Microsoft JhengHei';
}

.default_layout {
    .bodyWrapper {
        min-height: 900px;
    }

    .headerWrapper {
        height: 60px;
    }
    .footerWrapper {
        background-color: $black-deep;
    }
}

.dialog {
    cursor: default;
    font-family: 'Microsoft YaHei', 'Microsoft JhengHei';
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}